<div class="row justify-content-center">
    <div class="col-8">
        <div *ngIf="shopInfo">
            <h2><span jhiTranslate="husenApp.shopInfo.detail.title">Shop Info</span> {{shopInfo.id}}</h2>
            <hr>
            <jhi-alert-error></jhi-alert-error>
            <dl class="row-md jh-entity-details">
                <dt><span jhiTranslate="husenApp.shopInfo.sname">Sname</span></dt>
                <dd>
                    <span>{{shopInfo.sname}}</span>
                </dd>
                <dt><span jhiTranslate="husenApp.shopInfo.gname">Gname</span></dt>
                <dd>
                    <span>{{shopInfo.gname}}</span>
                </dd>
                <dt><span jhiTranslate="husenApp.shopInfo.gadds">Gadds</span></dt>
                <dd>
                    <span>{{shopInfo.gadds}}</span>
                </dd>
                <dt><span jhiTranslate="husenApp.shopInfo.homeType">Home Type</span></dt>
                <dd>
                    <span>{{shopInfo.homeType}}</span>
                </dd>
                <dt><span jhiTranslate="husenApp.shopInfo.carType">Car Type</span></dt>
                <dd>
                    <span>{{shopInfo.carType}}</span>
                </dd>
                <dt><span jhiTranslate="husenApp.shopInfo.orderType">Order Type</span></dt>
                <dd>
                    <span>{{shopInfo.orderType}}</span>
                </dd>
                <dt><span jhiTranslate="husenApp.shopInfo.vipType">Vip Type</span></dt>
                <dd>
                    <span>{{shopInfo.vipType}}</span>
                </dd>
                <dt><span jhiTranslate="husenApp.shopInfo.vipSale">Vip Sale</span></dt>
                <dd>
                    <span>{{shopInfo.vipSale}}</span>
                </dd>
                <dt [hidden]="true"><span jhiTranslate="husenApp.shopInfo.spic">Spic</span></dt>
                <dd [hidden]="true">
                    <span>{{shopInfo.spic}}</span>
                </dd>
                <dt [hidden]="true"><span jhiTranslate="husenApp.shopInfo.gpic">Gpic</span></dt>
                <dd [hidden]="true">
                    <span>{{shopInfo.gpic}}</span>
                </dd>
                <dt><span jhiTranslate="husenApp.shopInfo.spicImg">Spic Img</span></dt>
                <dd>
                    <div *ngIf="shopInfo.spicImg">
                        <a (click)="openFile(shopInfo.spicImgContentType, shopInfo.spicImg)">
                            <img [src]="'data:' + shopInfo.spicImgContentType + ';base64,' + shopInfo.spicImg" style="max-width: 100%;" alt="shopInfo image"/>
                        </a>
                        {{shopInfo.spicImgContentType}}, {{byteSize(shopInfo.spicImg)}}
                    </div>
                </dd>
                <dt><span jhiTranslate="husenApp.shopInfo.gpicImg">Gpic Img</span></dt>
                <dd>
                    <div *ngIf="shopInfo.gpicImg">
                        <a (click)="openFile(shopInfo.gpicImgContentType, shopInfo.gpicImg)">
                            <img [src]="'data:' + shopInfo.gpicImgContentType + ';base64,' + shopInfo.gpicImg" style="max-width: 100%;" alt="shopInfo image"/>
                        </a>
                        {{shopInfo.gpicImgContentType}}, {{byteSize(shopInfo.gpicImg)}}
                    </div>
                </dd>
                <dt><span jhiTranslate="husenApp.shopInfo.searchTag">Search Tag</span></dt>
                <dd>
                    <span>{{shopInfo.searchTag}}</span>
                </dd>
                <dt><span jhiTranslate="husenApp.shopInfo.carText">Car Text</span></dt>
                <dd>
                    <span>{{shopInfo.carText}}</span>
                </dd>
                <dt><span jhiTranslate="husenApp.shopInfo.times">Times</span></dt>
                <dd>
                    <span>{{shopInfo.times}}</span>
                </dd>
                <dt><span jhiTranslate="husenApp.shopInfo.phone">Phone</span></dt>
                <dd>
                    <span>{{shopInfo.phone}}</span>
                </dd>
                <dt><span jhiTranslate="husenApp.shopInfo.coupons">Coupons</span></dt>
                <dd>
                    <span>{{shopInfo.coupons}}</span>
                </dd>
                <dt><span jhiTranslate="husenApp.shopInfo.coupons1">Coupons 1</span></dt>
                <dd>
                    <div *ngIf="shopInfo.coupons1Id">
                        <a [routerLink]="['/coupons', shopInfo.coupons1Id, 'view']">{{shopInfo.coupons1Id}}</a>
                    </div>
                </dd>
            </dl>

            <button type="submit"
                    (click)="previousState()"
                    class="btn btn-info">
                <fa-icon [icon]="'arrow-left'"></fa-icon>&nbsp;<span jhiTranslate="entity.action.back"> Back</span>
            </button>

            <button type="button"
                    [routerLink]="['/shop-info', shopInfo.id, 'edit']"
                    class="btn btn-primary">
                <fa-icon [icon]="'pencil-alt'"></fa-icon>&nbsp;<span jhiTranslate="entity.action.edit"> Edit</span>
            </button>
        </div>
    </div>
</div>
